<div class="manage-content">
    <div class="padding">
        <div class="toolbar f14 mt25 clearfix">
            <div class="toolbar-tab fl">
                <ul>
                    <li class="toolbar-tab-on">
                        <a href="#/mass-message">新建群发消息</a>
                    </li>
                    <li>
                        <a href="#/mass-message/sended">已发送</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="form clearfix" style="margin-bottom: 20px;">
            <label class="pull-left" style="margin:5px 10px 0 0;">群发对象</label>
            <select class="form-control pull-left" style="width:200px;">
                <option value="粉丝">全部</option>
                <option value="会员">会员</option>
                <option value="业主">业主</option>
            </select>
        </div>
        <div class="msgSender">
            <div class="msg_sender">
                <div class="msg_tab">
                    <ul class="tab_navs">
                        <li class="tab_nav tab_appmsg selected" style="cursor: default;">
                            <a href="javascript:void(0);">&nbsp;<i class="icon_msg_sender"></i><span class="title">图文消息</span></a>
                        </li>
                    </ul>
                    <div class="tab_cont_cover" style="display: block;" ng-if="!message">
                        <div class="tab_cont_inner clearfix">
                            <div class="media_cover">
                                <a href="#/material/img_text/edit" class="add_wrap">
                                    <span class="media_add"></span>
                                    <p class="color-gray">新建图文消息</p>
                                </a>
                            </div>
                            <div class="media_cover">
                                <a href="javascript:;" class="add_wrap"
                                    ui-dialog="选择素材"
                                    ui-dialog-show="messageSelector.init($dialogScope,$dialog)"
                                    ui-dialog-ok="messageSelector.add()"
                                    ui-dialog-cache="false"
                                    ui-dialog-url="mass-message/views/message_dialog.html">
                                    <span class="media_add"></span>
                                    <p class="color-gray">从素材库中选择</p>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="tab_panel">
                        <div class="tab_content tab_appmsg_content" ng-if="message">
                            <div class="inner p10">
                                <div class="clearfix" style="position:relative;">
                                    <div class="appmsg pull-left w297" ng-if="message.articles.length === 1">
                                        <div class="appmsg_content" ng-init="article = message.articles[0]">
                                            <h4 class="appmsg_title">
                                                <a href="javascript:;" ng-cloak>{{article.title}}</a>
                                            </h4>
                                            <div class="appmsg_info">
                                                <em class="appmsg_date" ng-cloak>{{message.modified_on * 1000|date: 'yyyy-MM-dd hh:mm:ss'}}</em>
                                            </div>
                                            <div class="appmsg_thumb_wrp">
                                                <img ng-src="{{article.cover_url}}" alt="" class="appmsg_thumb">
                                            </div>
                                            <p class="appmsg_desc" ng-cloak>{{article.summary}}</p>
                                        </div>
                                    </div>
                                    <div class="appmsg multi w297" ng-if="message.articles.length > 1">
                                        <div class="appmsg_content">
                                            <div class="appmsg_info">
                                                <em class="appmsg_date" ng-cloak>{{message.modified_on * 1000|date: 'yyyy-MM-dd hh:mm:ss'}}</em>
                                            </div>
                                            <div class="cover_appmsg_item" ng-init="article = message.articles[0];">
                                                <h4 class="appmsg_title js_title">
                                                    <a href="javascript:;" ng-cloak>{{article.title}}</a>
                                                </h4>
                                                <div class="appmsg_thumb_wrp">
                                                    <img ng-src="{{article.cover_url}}" alt="" class="appmsg_thumb">
                                                </div>
                                            </div>
                                            <div class="appmsg_item" ng-repeat="article in message.articles" ng-if="$index">
                                                <img ng-src="{{article.cover_url}}" alt="" class="appmsg_thumb">
                                                <h4 class="appmsg_title js_title">
                                                    <a href="javascript:;" ng-cloak>{{article.summary}}</a>
                                                </h4>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="javascript:;" class="link_dele pull-left" ng-click="deleteMessage()" style="position:absolute;bottom:0;left:310px;">删除</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div style="margin-top:25px;">
            <button type="button" class="btn-pr ok-btn" ng-click="createMassMessage()">群发</button>
        </div>
    </div>
</div>
